@charset "utf-8";
/* CSS Document */
/* Created: 3-21-2017
   Updated: 
   Author:     Rachel Barthel
   Description: This controls the bootstrap version of the header and footer.
                bt means bootstrap template.
    Note:       bt = for ALL sizes
    			btn = for small, medium and large (NO MOBILE)
                btm = for mobile version only
                btsm = for small version only
                btmd = for medium version only
                btlg = for large version only
                
   ----------------------------------------------------*/
   
 
 /* -----------------------------------*/
/* -----------------------------------*/
/* ---------->>> BT (These share styling for all screen sizes) <<<-----------*/
/* -----------------------------------*/
/* -----------------------------------*/  


/* -----------------------------------*/
/* ---------->>> HEADER <<<-----------*/
/* -----------------------------------*/
/* -----------------------------------*/
/* ---------->>> Phone/Divisions <<<-----------*/
/* -----------------------------------*/
	/*controls the entire help, phone and companies section of header*/
	.entirephonedivisionsheader_bt {
		background-color:#224985;
		margin-left:0px;
		margin-right:0px;
		padding-top:6px;
		padding-left:3px;
		padding-right:0px;
		padding-bottom:2px;
	}
	
	
	/*controls the spacing between the phone and help words and icons*/
	.spacinghelpandphone_bt {
		padding-right:10px;
	}
	
	
	/*controls the Divisions List*/
	.divisions_bt ul {
		list-style-type: none;	
		margin: 0;
		padding-top:0px;
		padding-left:0px;
		padding-right:16px;
		padding-bottom:0px;
		text-align:right;
	}
	
	
	/*controls the Divisions List*/
	.divisions_bt ul li {
		display:inline;
		list-style-type: none;	
	}
	
	
	/*controls the Divisions List*/
	.divisions_bt ul li.divisionsspacing_bt {
		padding-right:10px;
    }
    

    /*controls the division links Added 8/10/2017*/
	.divisionlinks {
		font-family: 'Roboto', sans-serif;
		font-size: 13px;
		color:#ffffff;
		text-decoration:none;
	}
	
	
	/*controls the division links Added 8/10/2017*/
	.divisionlinks:hover, .divisionlinks:focus {
		font-family: 'Roboto', sans-serif;
		font-size: 13px;
		color:#ffffff;
		text-decoration:none;
	}
	
	
	/*controls how the help icon appears in print only*/
	.helpprint {
		float:left;
		display:inline;
	}
	
	
	/*controls how the phone icon appears in print only*/
	.phoneprint {
		float:left;
		display:inline;
	}	
	

  
/* -----------------------------------*/
/* ---------->>> Navigation <<<-----------*/
/* -----------------------------------*/  
	/*controls the inner navbar*/
	.navbar-default {
		padding-top:10px;
	}
	
	
	/*controls the logo for howard technology solutions*/
	.navbar-brand {
		padding-top:0px;
		padding-bottom:0px;
	}
	
	
	/*controls the actual image for howard technology solutions*/
	.navbar-logoimage {
		border:0px;
	}
	
	
	/*controls all the drop down menus positions for VERTICALS ONLY 8/10/2017 made changes*/
	.navbar-nav>li>.dropdown-menu{
	    border-top-left-radius: 0;
	    border-top-right-radius: 0;
		/*margin-top:6px; added before hover effect added*/
		/* margin-top:5px; */
		padding-top:10px;
	}


/* -----------------------------------*/
/* ---------->>> Navigation Verticals <<<-----------*/
/* -----------------------------------*/
	/*controls the link color*/
	.navbar-default .navbar-nav>.verticallinks>a, .navbar-default .navbar-nav>.verticallinks>a:focus, .navbar-default .navbar-nav>.verticallinks>a:hover {
	    color: #ffffff;
	}
	
	
	/*controls the link hover color For ALL LINKS*/
	 .navbar-default .navbar-nav>.verticallinks>a:hover {
		background-color: #0098d1;
	    color: #ffffff;
	} 
	
	
	/*controls the link color and hover color FOR ACTIVE*/
	.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
		background-color: #0098d1;
	    color: #ffffff; 
	}
	
	
	/*controls the verticals colors when a drop down is open*/
	.navbar-default .navbar-nav>.open>a.dropdownverticalslink, .navbar-default .navbar-nav>.open>a.dropdownverticalslink:focus, .navbar-default .navbar-nav>.open>a.dropdownverticalslink:hover {
		background-color:#0098d1;
	    color: #ffffff;
    } 
	

	/* Controls the main vertical link. Makes it so when hovering over a subclick the main link will still be hovered. added 8/10/2017 */
	ul.verticalmainlink li:hover  {
		background-color:#0098d1;
		color: #FFF;
	}


    /*controls the background color for vertical drop down Added 8/10/2017*/
    .verticaldropdown {
        background-color:#002b64;
        border:0px;
    }

	/*controls the link color for the vertical drop down Added 8/10/2017*/
    .verticaldropdown>li>a {
        color:#ffffff;
    }


    /* controls the background color for vertical drop down 8/10/2017*/
    .verticaldropdown>li>a:focus, .verticaldropdown>li>a:hover {
        text-decoration: none;
        background-color: #002b64;
        color:#0098d1;
	}


	/* controls what sub vertical is selected (for example higher education) 12/18/2017 */
	.verticaldropdown>.active>a, .verticaldropdown>.active>a:focus, .verticaldropdown>.active>a:hover {
		text-decoration: none;
		background-color: #002b64;
        color:#0098d1;
		outline: 0;
	}


/* -----------------------------------*/
/* ---------->>> Search <<<-----------*/
/* -----------------------------------*/
	/*Controls different text for inside search.*/
	.searchplaceholderheader::-webkit-input-placeholder {
		color: #ffffff;
	}
	
	
	/*Controls different text for inside search.*/
	.searchplaceholderheader:-moz-placeholder {
		color: #ffffff;
	}
	
	
	/*Controls different text for inside search.*/
	.searchplaceholderheader::-moz-placeholder {
		color: #ffffff;
	}
	
	
	/*Controls different text for inside search.*/
	.searchplaceholderheader:-ms-input-placeholder {
		color: #ffffff;
    }
    

    /*controls the size of the magnifying search icon*/
	.magnifyingsearchicon {
		font-size:20px;
	}
	
	
	/*controls the size of the remove search icon*/
	.removesearchicon {
		font-size:20px;
	}


/* -----------------------------------*/
/* ---------->>> Navigation CART ICON <<<-----------*/
/* -----------------------------------*/
	/*allows us to change the location of where the cart drop down appears*/
	.cartdropdownposition {
	    position: static !important;
	}
	
	
	/*controls the CART ICONS colors when a drop down is open*/
	.navbar-default .navbar-nav>.open>a.headericonsopen, .navbar-default .navbar-nav>.open>a.headericonsopen:focus, .navbar-default .navbar-nav>.open>a.headericonsopen:hover {
		background-color:transparent;
	    color: #ffffff;
	}
	
	
	/*controls all the drop down menus positions added to 8/10/2017*/
	.navbar-nav>li>.cartdropdown {
	 	border-top-left-radius: 0;
	    border-top-right-radius: 0;
	    /* margin-top: -1px; */
    	margin-top: -6px;
	    margin-right: 15px;
		border-right:0px;
		border-top: 6px solid #002b64;
	}

			
	/*controls the size of the cart icon*/
	.carticon_bt {
		font-size:20px;
	}
	
	
	/*controls the width of the drop down as well as the bottom having no spacing so has no white below view cart button*/
	.cartdropdownwidth {
		padding-bottom:0px;
		width:232px;
	}
	
	
	/*controls the spacing inside the drop down (keeps products from touching the edges)*/
	.cartdropdownspacing {
		margin-top:10px;
		margin-left:10px;
		margin-right:10px;
		margin-bottom:10px;
	}
	
	
	/*controls the entire product inside the drop down*/
	.cartentireproduct {
		margin-top:18px;
		margin-left:0px;
		margin-right:0px;
		margin-bottom:18px;
	}
	
	
	/*controls the area around the product image*/
	.cartentireproductimage {
		margin-left:0px;
		padding-left:0px;
	}
	
	
	/*controls the product image*/
	.cartproductimage {
		border:0px;
	}
	
	
	/*controls the area around the product title*/
	.cartentireproducttitle {
		margin-right:0px;
		padding-left:0px;
		padding-right:0px;
		text-align:left;
	}
	
	
	/*controls the spacing between multiple products*/
	.cartproductspacing {
		border-bottom:1px solid #cccccc;
		margin-left:10px;
		margin-right:10px;
	}
	
	
	/*controls the spacing around the view cart button inside the drop down*/
	.aroundviewcartbuttonheader {
		background-color:#0098d1;
		padding-top:20px;
		padding-bottom:20px;
		text-align:center;
	}
	
	
	/*controls the view cart button inside the drop down*/
	.viewcartbuttonheader {
		background-color:#002b64;
		border:0px;
		border-radius:6px;
		padding-top:10px;
		padding-left:40px;
		padding-right:40px;
		padding-bottom:10px;
	}


/* -----------------------------------*/
/* ---------->>> Navigation MYACCOUNT WORD LOGIN and MY ACCOUNT ICON <<<-----------*/
/* -----------------------------------*/
	/*Allows us to change the location of where the cart drop down appears*/
	.myaccountdropdownposition {
		position: static !important;
	}
	
	
	/*controls location of drop down for LOGIN and MYACCOUNT ICON CHANGES MADE 8/10/2017*/
	.navbar-nav>li>.myaccount{
	    border-top-left-radius: 0;
	    border-top-right-radius: 0;
		/* margin-top:-1px; */
		margin-top:-6px;
		margin-right: 15px;
		border-right:0px;
		border-top:6px solid #002b64;
	}
	
	
	/*controls the word LOGIN when drop down open changes made 8/10/2017*/
	.navbar-default .navbar-nav>.open>.headerloginopen, .navbar-default .navbar-nav>.open>.headerloginopen:hover, .navbar-default .navbar-nav>.open>.headerloginopen:focus {
		background-color:transparent;
		color:#ffffff;
		font-family: 'Roboto', sans-serif;
		font-size: 13px;
	}


	/*controls the width of the drop down as well as the bottom having no spacing so has no white below view cart button*/
	.myaccountdownwidth {
		padding-bottom:0px;
		width:232px;
	}
	
	
	/*controls the title Customer Access*/
	.myaccountdropdowntitle {
		margin-top:18px;
		margin-left:18px;
		margin-right:18px;
		margin-bottom:12px;
		padding:0px;
		text-align:center;
	}
	
	
	/*controls the my account links when logged in*/
	.myaccountlinks {
		font-family: 'Roboto', sans-serif;
		font-size: 14px;
		color:#666666;
		text-decoration:underline;
		margin-bottom:2px;
	}
	
	
	/*controls the my account links when logged in*/
	.myaccountlinks:hover, .myaccountlinks:focus {
		font-family: 'Roboto', sans-serif;
		font-size: 14px;
		color:#0098d1;
		text-decoration:underline;
		margin-bottom:2px;
	}
	
	
	/*controls the spacing under the form*/
	.myaccountformspacing {
		margin-bottom:0px;
		padding-bottom:0px;
		text-align:center;
	}
	
	
	/*Controls different text for inside myaccount drop down inputs. HAS TO be a id for some reason*/
	.myaccountform::-webkit-input-placeholder {
		color: #ffffff;
	}
	
	
	/*Controls different text for inside myaccount drop down inputs. HAS TO be a id for some reason*/
	.myaccountform:-moz-placeholder {
		color: #ffffff;
	}
	
	
	/*Controls different text for inside myaccount drop down inputs. HAS TO be a id for some reason*/
	.myaccountform::-moz-placeholder {
		color: #ffffff;
	}
	
	
	/*Controls different text for inside myaccount drop down inputs. HAS TO be a id for some reason*/
	.myaccountform:-ms-input-placeholder {
		color: #ffffff;
	}
	
	
	/*controls the form field email address*/
	.myaccountformemailaddress {
		background-color:#0098d1;
		border-radius:6px;
		border:0px;
		margin-left:14px;
		margin-right:14px;
		margin-bottom:14px;
		padding-top:10px;
		padding-left:17px;
		padding-right:16px;
		padding-bottom:10px;
		text-align:center;
	}
	
	
	/*controls the form field password*/
	.myaccountformpassword {
		background-color:#0098d1;
		border-radius:6px;
		border:0px;
		margin-left:14px;
		margin-right:14px;
		margin-bottom:10px;
		padding-top:10px;
		padding-left:17px;
		padding-right:16px;
		padding-bottom:10px;
		text-align:center;
	}
	
	
	/*controls forgot your password*/
	.myaccountforgotpasswordheader {
		text-align:center;
	}
	
	
	/*controls forgot your password*/
	.myaccountneedanaccountheader {
		margin-bottom:18px;
		text-align:center;
	}
	
	
	/*controls spacing below the list of links after user logins*/
	.myaccountlastlinkspacing {
		margin-bottom:20px;
	}
	
	
	/*controls the spacing around the login button inside the drop down*/
	.aroundloginbuttonheader {
		background-color:#0098d1;
		padding-top:20px;
		padding-bottom:20px;
		text-align:center;
	}
	
	
	/*controls the login button inside the drop down*/
	.loginbuttonheader {
		background-color:#002b64;
		border:0px;
		border-radius:6px;
		padding-top:10px;
		padding-left:83px;
		padding-right:83px;
		padding-bottom:10px;
	}
	

/* -----------------------------------*/
/* ---------->>> Navigation MYACCOUNT WORD LOGIN <<<-----------*/
/* -----------------------------------*/
	/*Controls word LOGIN version. Made changes 8/10/2017*/
	.navbar-nav>li>a.wordloginversion {
		height:52px;
		margin-top:0px;
		padding-top:20px;
		padding-left:12px;
		padding-right:16px;
		padding-bottom:32px;
		/* color:#ffffff;
		font-family: 'Roboto', sans-serif;
		font-size: 13px; */
	}	

	
/* -----------------------------------*/
/* ---------->>> FOOTER <<<-----------*/
/* -----------------------------------*/
/* -----------------------------------*/
/* ---------->>> Subscribe/Social Media <<<-----------*/
/* -----------------------------------*/
	/*controls the entire subscribe and social section in footer*/
	.entiresubscribeandsocialfooter {
		background-color:#002b64;
		margin-left:0px;
		margin-right:0px;
		padding-top:20px;
		padding-left:16px;
		padding-right:16px;
		padding-bottom:10px;
	} 
	

	/*Controls different text for inside subscribe.*/
	.subscribeplaceholderfooter::-webkit-input-placeholder {
		color: #ffffff;
	}
	
	
	/*Controls different text for inside subscribe.*/
	.subscribeplaceholderfooter:-moz-placeholder {
		color: #ffffff;
	}
	
	
	/*Controls different text for inside subscribe.*/
	.subscribeplaceholderfooter::-moz-placeholder {
		color: #ffffff;
	}
	
	
	/*Controls different text for inside subscribe.*/
	.subscribeplaceholderfooter:-ms-input-placeholder {
		color: #ffffff;
	}
	
	
	/*controls the social media icon images*/
	.socialmediaiconsfooter {
		border:0px;
		padding-right:2px;
	}
	
	
/* -----------------------------------*/
/* ---------->>> Copyright/Payment <<<-----------*/
/* -----------------------------------*/
	/*controls the entire copyright and payment type section in footer*/
	.entirecopyrightandpaymenttypefooter {
		background-color:#224985;
		margin-left:0px;
		margin-right:0px;
		padding-top:8px;
		padding-left:16px;
		padding-right:16px;
		padding-bottom:8px;
	}
	
	
/* -----------------------------------*/
/* -----------------------------------*/
/* ---------->>> BTM If Mobile DO THESE <<<-----------*/
/* -----------------------------------*/
/* -----------------------------------*/
@media (max-width: 767px) {
	
	
	/* -----------------------------------*/
	/* ---------->>> Phone/Divisions (MOBILE) <<<-----------*/
	/* -----------------------------------*/
	/*controls the spacing. When we get to small it displays the vertical the user is on instead of the divisions*/
	.whatvertical_btm {
		padding-right:2px;
		text-align:right;
	}
	
	
	/*puts the border under the links 8/10/2017 made changes */
	.navbar-default .navbar-nav>.verticallinks>a, .navbar-default .navbar-nav>.verticallinks>a:focus, .navbar-default .navbar-nav>.verticallinks>a:hover {
        /* border-bottom:1px solid #224985; */
        border-top:1px solid #224985;
	}
	
	
	/* -----------------------------------*/
	/* ---------->>> Navigation (MOBILE) <<<-----------*/
	/* -----------------------------------*/  
	/*centers the text inside the nav*/
	.nav {
		text-align:center;
	}
	
	
	/*controls the main navbar*/
	.navbar {
		background-color:#002b64;
		border:0px;
		border-radius:0px;
		margin-bottom:0px;
		/*padding-left:5px;
		padding-right:18px;*/
		padding-bottom:0px;
	}


	/*controls the spacing left to right of the header in mobile*/
	.container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header {
	    margin-right: -12px;
	    margin-left: -12px;
	}
		

	/*Makes the hamburger appear to the left instead of the typical right	*/
	.navbar-toggle {
	    display: block;
	    float:left;
	    margin-right:0px;
	}

	
	/*removes the border around the hamburger*/
	.navbar-default .navbar-toggle {
		border-color: transparent;
	}
	
	
	/*Makes each icon-bar light blue*/
	.navbar-default .navbar-toggle .icon-bar {
	    background-color: #0098d1;
	}
		
		
	/*Makes the howard logo stay center*/
	.navbar-brand {
		left: 50%;
		position: absolute;
		transform: translateX(-50%);
	}
	

	/*removes the border between icons and drop down*/
	.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    	border:0px;
	}


	/*removes the border between icons and drop down*/
	.navbar-collapse {
	    box-shadow:none;
	}
	
	
	/*Allows us to see the hamburger instead of all the verticals in small*/
    .navbar-nav {
        float: none!important;
        /*margin: 7.5px -15px;*/
        margin-top:0px;
        margin-left:-15px;
        margin-right:-15px;
        margin-bottom:0px;
    }
	
	
	/*controls the drop down colors inside collapse */
	.navbar-default .navbar-nav .open .dropdown-menu>li>a {
		text-align:center;
    	color: #ffffff;
	}


	/*controls the drop down colors inside collapse */
	.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover,.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus  {
	    /*color: #333;*/
	    color: #0098d1;
	    background-color:transparent;
	}


	/*controls the drop down colors inside collapse and what sub vertical is selected (for example higher education) 12/18/2017*/
	.navbar-default .navbar-nav .open .dropdown-menu>li.active>a, .navbar-default .navbar-nav .open .dropdown-menu>li.active>a:hover,.navbar-default .navbar-nav .open .dropdown-menu>li.active>a:focus  {
		/*color: #333;*/
		color: #0098d1;
		background-color: #002b64;
	}

	

	/* -----------------------------------*/
	/* ---------->>> Navigation VERTICALS ICON (MOBILE) <<<-----------*/
	/* -----------------------------------*/
	/*Controls the hamburger symbol*/
	.navbar-default .hamburgerbutton:focus, .navbar-default .hamburgerbutton:hover {
		background-color:transparent;
	}
		
	
	/*Controls the hamburger symbol*/
	.navbar-default .hamburgerbutton .icon-bar {
	    background-color:#0098d1;
	}
	
	
	/*Controls the hamburger symbol*/
	.navbar-default .hamburgerbutton:hover .icon-bar, .navbar-default .hamburgerbutton:focus .icon-bar {
	    background-color: #ffffff;
	}	
	
	
	/*controls the hamburger button position*/
	.hamburgerbuttonposition {
		padding-top:12px;
		padding-left:15px;
	}
	
	
	/* -----------------------------------*/
	/* ---------->>> Navigation SEARCH ICON (MOBILE) <<<-----------*/
	/* -----------------------------------*/
	/*This controls the cart button in mobile/small sizes only*/
	.navbar-default .srchiconbutton {
	   color:#0098d1;
	}
	
	
	/*This controls the cart button in mobile/small sizes only*/
	.navbar-default .srchiconbutton:focus, .navbar-default .srchiconbutton:hover, .navbar-default .srchiconbutton:hover {
	   color:#ffffff;
	   background-color:#002b64;
	}
	
	
	/*controls the search icon itself*/
	.searchiconsize {
		font-size:18px;
	}
	
	
	/* -----------------------------------*/
	/* ---------->>> Navigation CART AND MY ACCOUNT ICON (MOBILE) <<<-----------*/
	/* -----------------------------------*/
	/*controls the position for both cart and my account icons*/
	.cartandmyaccounticonpositions {
		float: right!important;
		padding-right:3px;
		/*margin-top:-2px;
		margin-right: -15px;
		padding-right:18px;*/
	}
	
	
	/* -----------------------------------*/
	/* ---------->>> Navigation CART ICON (MOBILE) <<<-----------*/
	/* -----------------------------------*/
	/*This controls the cart button in mobile/small sizes only*/
	.navbar-default .cartbutton{
	   color:#0098d1;
	}
	
	
	/*This controls the cart button in mobile/small sizes only*/
	.navbar-default .cartbutton:focus, .navbar-default .cartbutton:hover, .navbar-default .cartbutton:hover {
	   color:#ffffff;
	   background-color:transparent;
	}
	
	
	/*controls the product image*/
	.cartproductimage {
		border:0px;
		float:right;
		text-align:right;
	}
	
	
	/*controls the position of the cart icon*/
	.carticonposition_bt {
		margin-top:-1px;
	}


	/* -----------------------------------*/
	/* ---------->>> Navigation MY ACCOUNT ICON (MOBILE) <<<-----------*/
	/* -----------------------------------*/
	/*Controls MYACCOUNT ICON version. For MYACCOUNT ICON it removes the spacing around the icon so that every part around the icon is clickable.*/
	.navbar-nav>li>a.myaccounticonversion {
		height:52px;
		margin-top:0px;
		padding-top:0px;
		padding-left:0px;
		padding-right:0px;
		padding-bottom:0px;
	}
	
	
	/*controls the MYACCOUNT ICON image position*/
	.myaccounticonposition {
		background-color:#002b64;
		float: right;
		margin-top:-6px;
		margin-left:0px;
		margin-right:0px;
		margin-bottom:0px;
		/*margin:0px;*/
		padding:0px;
	}
		
			
	/*controls the MYACCOUNT ICON  - RACHEL SEE IF NEED LATER SINCE WE ALREADY HAVE MYACCOUNTBUTTON VERSION*/
	.myaccounticonimage {
		background-image: url('../images/header/myaccount_blue.png');
		float: left;
		height: 27px;
		width: 27px;
	}		
		
			
	/*controls the MYACCOUNT ICON being white when hover and focus - RACHEL SEE IF NEED LATER SINCE WE ALREADY HAVE MYACCOUNTBUTTON VERSION*/
	.myaccounticonposition:hover .myaccounticonimage, .myaccounticonposition:focus .myaccounticonimage {
		background-image:url('../images/header/myaccount_white.png'); 
		height:27px;
		width: 27px;
	}
	
	
	/*controls MYACCOUNT ICON when drop down open - RACHEL SEE IF NEED LATER SINCE WE ALREADY HAVE MYACCOUNTBUTTON VERSION*/
	.navbar-default .navbar-nav>.open>.headericonsopenvs2>.myaccounticonposition .myaccounticonimage,.navbar-default .navbar-nav>.open>.headericonsopenvs2>.myaccounticonposition:hover .myaccounticonimage, .navbar-default .navbar-nav>.open>.headericonsopenvs2>.myaccounticonposition:focus .myaccounticonimage{
		background-color:#002b64;
		background-image:url('../images/header/myaccount_white.png');  
		height:27px;
		width: 27px;
	}	


	/*This controls the myaccount button in mobile/small sizes only*/
	.navbar-default .myaccountbutton:focus, .navbar-default .myaccountbutton:hover {
	    background-color:transparent;
	}
	
	
	/*This controls the myaccount button in mobile/small sizes only*/
	.navbar-default .myaccountbutton .myaccounticonimage{
	   color:#0098d1;
	   background-image: url('../images/header/myaccount_blue.png');
	}
	
	
	/*This controls the myaccount button in mobile/small sizes only*/
	.navbar-default .myaccountbutton:focus .myaccounticonimage, .navbar-default .myaccountbutton:hover .myaccounticonimage{
	   color:#ffffff;
	   background-color:transparent;
	   background-image: url('../images/header/myaccount_white.png');
	}
	
	
	/* -----------------------------------*/
	/* ---------->>> Navigation CART AND MY ACCOUNT Dropdown (MOBILE) <<<-----------*/
	/* -----------------------------------*/
	/*controls the background color and position of all the information inside cart and my account*/
	.cartandmyaccountdropdown {
		background-color:white;
		text-align:center;
	}
	
	
	/* -----------------------------------*/
	/* ---------->>> Search (MOBILE) <<<-----------*/
	/* -----------------------------------*/
	/*controls the background around the search box*/
	.spacingaroundsearchbox {
		background-color:#002b64;
		margin-bottom:0px;
		padding-top:0px;
    }
	
	
	/*controls the search box*/
	.input-group .searchbox:first-child {
		color:#ffffff;
		background-color: #0098d1;
		border-radius:0px;
		border:0px;
		box-shadow:none;
		height:49px;
		/* text-align:right; changed to left 7/24/2018 requested by vp's*/
		text-align:left;
    }
    

    /*controls the button for the magnify glass*/
	.searchboxbuttonsearchicon {
		background-color: #0098d1;
		border:0px;
		border-radius:0px;
		height:49px;
		padding-left:10px;
		padding-right:10px;
        padding-top:2px;
        vertical-align:10px;
	}
	
	
	/*controls the button for the magnify glass*/
	.searchboxbuttonsearchicon{
		color:#002b64;
		background-color:  #0098d1;
		border:0px;
		border-radius:0px;
		height:49px;
		padding-left:10px;
		padding-right:20px;
	}
	
	
	/*controls the button for the magnify glass*/
	.searchboxbuttonsearchicon:focus, .searchboxbuttonsearchicon:hover {
		color:#002b64;
		background-color:  #0098d1;
		border:0px;
		border-radius:0px;
		height:49px;
		outline:none;
		padding-right:20px;
	}
	
	
	/*controls the X button for the search box*/
	.navbar-default .searchboxbutton {
		color:#0098d1;
		background-color: #002b64;
		border:0px;
		border-radius:0px;
		height:49px;
		padding-left:10px;
		padding-right:10px;
	}
	
	
	/*controls the X button for the search box*/
	.navbar-default .searchboxbutton:focus, .navbar-default .searchboxbutton:hover {
		color:#0098d1;
		background-color: #002b64;
		border:0px;
		border-radius:0px;
		height:49px;
		outline:none;
		padding-right:10px;
    }
    
	
    
    
/* -----------------------------------*/
/* ---------->>> FOOTER (MOBILE)<<<-----------*/
/* -----------------------------------*/
/* -----------------------------------*/
/* ---------->>> Subscribe/Social Media (MOBILE)<<<-----------*/
/* -----------------------------------*/

	/*Controls the subscribe box*/
	.subscribebox {
		border:0px;
		background-color:#0098d1;
		border-radius:6px;
		box-shadow:none !important;
		color:#ffffff;
		outline:none;
		text-align:center;
		text-shadow: none;
	}
	
	
	/*controls the position for the subscribe button*/
	.subscribebuttonposition {
		margin-top:10px;
		text-align:center;
	}
	
	
	/*controls the subscribe button*/
	.subscribebutton {
		background-color:#011b3d;
		border:0px;
		border-radius:6px;
		box-shadow:none;
		color:#ffffff;
		height:34px;
		outline:none !important;
		text-shadow: none;
		width:100%;
	}
	
	
	/*controls the subscribe button*/
	.subscribebutton:hover, .subscribebutton:focus {
		background-color:#011b3d;
		border:0px;
		border-radius:6px;
		box-shadow:none;
		color:#ffffff;
		height:34px;
		outline:none !important;
		text-shadow: none;
		width:100%;
	}
	
	
	/*controls spacing between subscribe and social*/
	.spacingbetweensubscribeandsocial {
		margin-top:20px;
	}
	
	
	/*controls the position of the social media icons*/
	.socialmediaiconspositionfooter {
		text-align:center;
	}
	
	
/* -----------------------------------*/
/* ---------->>> 4 sections of links in footer (MOBILE)<<<-----------*/
/* -----------------------------------*/
	/*Makes the 4 links in the footer drop down */
	.navbar-toggle2 {
	    display: block;
	    background-color: transparent;
	    border-top: 1px solid #224985;
	    border-left:0px;
	    border-right:0px;
	    border-bottom:0px;
	    margin-left:auto;
	    margin-right:auto;
	    width:100%;
	    outline:none !important;
	}

	
	/*removes the border around the 4 links in the footer drop down*/
	.navbar-default .navbar-toggle2 {
		border-color: transparent;
	}
	
	
	/*removes the border around the 4 links in the footer drop down*/
	.navbar-toggle2:focus,  .navbar-toggle2:hover {
		background-color:#0098d1;
	}
	
	
	/*controls the entire footer links*/
	.entirefooterlinks {
		background-color:#002b64;
		padding-top:10px;
		padding-left:0px;
		padding-right:0px;
		padding-bottom:0px;
		margin-top:-1px;
		margin-left:0px;
		margin-right:0px;
		margin-bottom:0px;
	}
	
	
	/*removes the spacing on the sides of the title footer links*/
	.spacingonsidesoffooterlinks {
		/*margin-left:-15px;
		margin-right:-15px;
		padding-left:-15px;
		padding-right:-15px;*/
		margin:0px;
		padding:0px;
	}
	
	
	/*controls the 4 titles for the sections of links*/
	.titleforfooterlinks {
		font-family: 'Roboto', sans-serif;
		font-size:16px;
		color:#ffffff;
		padding-top:10px;
		text-align:center;
	}
	
	
	/*controls the entire footer list*/
	.entirelistfooterlinks {
		border-top: 1px solid #224985;
		font-family: 'Roboto', sans-serif;
		font-size:14px;
		color:#ffffff;
		list-style-type:none;
		margin-left:-15px;
		margin-right:-15px;
		padding-left:0px;
		padding-right:0px;
		padding-top:10px;
		text-align:center;
	}
	
	
	/*controls the entire area where the address is listed (makes it center)*/
	.entireaddressfooterlinks {
		text-align:center;
		border-top: 1px solid #224985;
		margin-left:-15px;
		margin-right:-15px;
	}
	
	
	/*controls the entire area where the address is listed (makes it center)*/
	.entireaddressfooterlinksvs2 {
		display: inline-block; 
		text-align: left;
	}
	
	
	/*controls the entire footer list for the address only*/
	.entirelistfooterlinksvs2 {
		font-family: 'Roboto', sans-serif;
		font-size:14px;
		color:#ffffff;
		list-style-type:none;
		margin-left:0px;
		padding-left:0px;
		padding-top:10px;
		padding-bottom:4px;
	}
	
	
	/*controls the footer links*/
	.footerlinks {
		font-family: 'Roboto', sans-serif;
		font-size: 14px;
		color:#ffffff;
		text-decoration:none;
		margin-bottom:2px;
	}
	
	
	/*controls the footer links*/
	.footerlinks:hover, .footerlinks:focus {
		font-family: 'Roboto', sans-serif;
		font-size: 14px;
		color:#0098d1;
		text-decoration:none;
		margin-bottom:2px;
	}
	
	
/* -----------------------------------*/
/* ---------->>> Copyright/Payment Method (MOBILE) <<<-----------*/
/* -----------------------------------*/	
	/*controls the position of the copyright*/
	.copyrightpositionfooter {
		text-align:center;
		margin-bottom:10px;
		font-family: 'Roboto', sans-serif;
		font-size:14px;
		color:#ffffff;
	}
	
	
	/*controls the position of the payment method*/
	.paymentmethodpositionfooter {
		text-align:center;
	}
	

}


/* -----------------------------------*/
/* -----------------------------------*/
/* ---------->>> BTSM If small device<<<-----------*/
/* -----------------------------------*/
/* -----------------------------------*/
@media (min-width: 768px) and (max-width: 991px) {

	
	/* -----------------------------------*/
	/* ---------->>> Entire Header (SMALL) <<<-----------*/
	/* -----------------------------------*/
	/*removes the spacing on the left and right side of the screen*/
	.container-fluid {
		padding-left:3px;
		padding-right:3px;
	}


	/* -----------------------------------*/
	/* ---------->>> Phone/Divisions (SMALL) <<<-----------*/
	/* -----------------------------------*/
	/*controls the spacing. When we get to small it displays the vertical the user is on instead of the divisions*/
	.whatvertical_btsm {
		padding-right:12px;
		text-align:right;
	}
	

	/* -----------------------------------*/
	/* ---------->>> Navigation (SMALL) <<<-----------*/
	/* -----------------------------------*/  
	/*controls the main navbar*/
	.navbar {
		background-color:#002b64;
		border:0px;
		border-radius:0px;
		/*padding-left:6px;
		padding-right:15px;*/
		margin-bottom:0px;
		padding-bottom:0px;
	}
	
	
	 /*Allows us to see the hamburger instead of all the verticals in small*/
	.navbar-header {
        float: none;
    }
    
    
     /*Allows us to see the hamburger instead of all the verticals in small*/
    .navbar-toggle {
        display: block;
        float:left;
    }
   
    
     /*Allows us to see the hamburger instead of all the verticals in small*/
    .navbar-collapse.collapse {
        display: none!important;
    }
    
    
     /*Allows us to see the hamburger instead of all the verticals in small*/
    .navbar-collapse.collapse.in {
    	display: block !important; 
    }
    
    
     /*Allows us to see the hamburger instead of all the verticals in small*/
    .navbar-nav {
        float: none!important;
        /*margin: 7.5px -15px;*/
        margin-top:0px;
        margin-left:-15px;
        margin-right:-15px;
        margin-bottom:0px;
    }
    
    
     /*Allows us to see the hamburger instead of all the verticals in small*/
    .navbar-nav>li {
        float: none;
    }
    
    
     /*Allows us to see the hamburger instead of all the verticals in small*/
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    
    
	/*removes the border around the hamburger*/
	.navbar-default .navbar-toggle {
		border-color: transparent;
	}


	/*Makes the howard logo stay center*/
	.navbar-brand {
		left: 50%;
		position: absolute;
		transform: translateX(-50%);
	}
	
	
	/*centers the text inside the nav*/
	.nav {
		text-align:center;
	}
	
	
	/*controls the drop down colors inside collapse */
	.navbar-default .navbar-nav .open .dropdown-menu>li>a {
		text-align:center;
    	color: #ffffff;
	}


	/*controls the drop down colors inside collapse */
	.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover,.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus  {
	    /*color: #333;*/
	    color: #0098d1;
	    background-color:transparent;
	}

	
	/*controls the drop down colors inside collapse and what sub vertical is selected (for example higher education) 12/18/2017*/
	.navbar-default .navbar-nav .open .dropdown-menu>li.active>a, .navbar-default .navbar-nav .open .dropdown-menu>li.active>a:hover,.navbar-default .navbar-nav .open .dropdown-menu>li.active>a:focus  {
		/*color: #333;*/
		color: #0098d1;
		background-color: #002b64;
	}


	/*makes it so when you open the drop down it doesnt appear outside the collapse*/
	.navbar-nav .open .dropdown-menu {
		background-color: transparent;
	    border: 0;
	    box-shadow: none;
	    float: none;
	    margin-top: 0;
	    position: static;
	    -webkit-box-shadow: none;
	    width: auto;
	}
	
	
	/*puts the border under the links 8/10/2017 made changes*/
	.navbar-default .navbar-nav>.verticallinks>a, .navbar-default .navbar-nav>.verticallinks>a:focus, .navbar-default .navbar-nav>.verticallinks>a:hover {
        /* border-bottom:1px solid #224985; */
        border-top:1px solid #224985;
	}
	
	
	/*puts spacing between the links*/
	.navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu>li>a {
    	padding: 5px 15px 5px 25px; 
	}
	
	
	
	/* -----------------------------------*/
	/* ---------->>> Navigation VERTICALS ICON (SMALL) <<<-----------*/
	/* -----------------------------------*/
	/*Controls the hamburger symbol in mobile/small sizes only*/
	.navbar-default .hamburgerbutton:focus, .navbar-default .hamburgerbutton:hover {
		background-color:transparent;
	}
		
	
	/*Controls the hamburger symbol in mobile/small sizes only*/
	.navbar-default .hamburgerbutton .icon-bar {
	    background-color:#0098d1;
	}
	
	
	/*Controls the hamburger symbol in mobile/small sizes only*/
	.navbar-default .hamburgerbutton:hover .icon-bar, .navbar-default .hamburgerbutton:focus .icon-bar {
	    background-color: #ffffff;
	}
	
	
	/*controls the hamburger button position*/
	.hamburgerbuttonposition {
		padding-top:12px;
		padding-left:14px;
	}
	

	/* -----------------------------------*/
	/* ---------->>> Navigation SEARCH ICON (SMALL) <<<-----------*/
	/* -----------------------------------*/
	/*controls the search icon itself. For Large screen only*/
	.searchiconsize {
		font-size:18px;
	}
	
	
	/*This controls the search button in mobile/small sizes only*/
	.navbar-default .srchiconbutton {
	   color:#0098d1;
	}
	
	
	/*This controls the search button in mobile/small sizes only*/
	.navbar-default .srchiconbutton:focus, .navbar-default .srchiconbutton:hover {
	   color:#ffffff;
	   background-color:#002b64;
	}
	
	
	/* -----------------------------------*/
	/* ---------->>> Navigation CART AND MY ACCOUNT ICON (SMALL) <<<-----------*/
	/* -----------------------------------*/
	/*controls the position for both cart and my account icons*/
	.cartandmyaccounticonpositions {
		float: right!important;
		margin-top:-10px;
		margin-right:-2px;
		/*margin-right: -15px;
		padding-right:15px;*/
	}
	
	
	/* -----------------------------------*/
	/* ---------->>> Navigation CART ICON (SMALL) <<<-----------*/
	/* -----------------------------------*/
	/*This controls the cart button in mobile/small sizes only*/
	.navbar-default .cartbutton{
	   color:#0098d1;
	}
	
	
	/*This controls the cart button in mobile/small sizes only*/
	.navbar-default .cartbutton:focus, .navbar-default .cartbutton:hover {
	   color:#ffffff;
	   background-color:transparent;
	}
	
	
	/*controls the product image*/
	.cartproductimage {
		border:0px;
		float:right;
		text-align:right;
	}
	
	
	/*controls the position of the cart icon*/
	.carticonposition_bt {
		margin-top:6px;
	}


	/* -----------------------------------*/
	/* ---------->>> Navigation MY ACCOUNT ICON (SMALL) <<<-----------*/
	/* -----------------------------------*/
	/*Controls MYACCOUNT ICON version. For MYACCOUNT ICON it removes the spacing around the icon so that every part around the icon is clickable.*/
	.navbar-nav>li>a.myaccounticonversion {
		margin-top:0px;
		padding-top:0px;
		padding-left:0px;
		padding-right:0px;
		padding-bottom:0px;
		height:52px;
	}
	
	
	/*controls the MYACCOUNT ICON image position*/
	.myaccounticonposition {
		background-color:#002b64;
		float: right;
		/*margin:0px;*/
		margin-top:1px;
		margin-left:0px;
		margin-right:0px;
		margin-bottom:0px;
		padding:0px;
	}
		
			
	/*controls the MYACCOUNT ICON image */
	.myaccounticonimage {
		background-image: url('../images/header/myaccount_blue.png');
		float: left;
		height: 27px;
		width: 27px;
	}	
		
			
	/*controls the MYACCOUNT ICON being white when hover and focus */
	.myaccounticonposition:hover .myaccounticonimage, .myaccounticonposition:focus .myaccounticonimage {
		background-image:url('../images/header/myaccount_white.png'); 
		height:27px;
		width: 27px;
	}
	
	
	/*controls MYACCOUNT ICON when drop down open*/
	.navbar-default .navbar-nav>.open>.headericonsopenvs2>.myaccounticonposition .myaccounticonimage,.navbar-default .navbar-nav>.open>.headericonsopenvs2>.myaccounticonposition:hover .myaccounticonimage, .navbar-default .navbar-nav>.open>.headericonsopenvs2>.myaccounticonposition:focus .myaccounticonimage{
		background-color:#002b64;
		background-image:url('../images/header/myaccount_white.png');  
		height:27px;
		width: 27px;
	}	
	
	
	/*This controls the myaccount button in mobile/small sizes only  - RACHEL SEE IF NEED LATER SINCE WE ALREADY HAVE MYACCOUNTBUTTON VERSION*/
	.navbar-default .myaccountbutton:focus, .navbar-default .myaccountbutton:hover {
	    background-color:transparent;
	}
	
	
	/*This controls the myaccount button in mobile/small sizes only*/
	.navbar-default .myaccountbutton .myaccounticonimage{
	   color:#0098d1;
	   background-image: url('../images/header/myaccount_blue.png');
	}
	
	
	/*This controls the myaccount button in mobile/small sizes only*/
	.navbar-default .myaccountbutton:focus .myaccounticonimage, .navbar-default .myaccountbutton:hover .myaccounticonimage{
	   color:#ffffff;
	   background-color:transparent;
	   background-image: url('../images/header/myaccount_white.png');
	}
	
	
	/* -----------------------------------*/
	/* ---------->>> Navigation CART AND MY ACCOUNT Dropdown (SMALL) <<<-----------*/
	/* -----------------------------------*/
	/*controls the background color and position of all the information inside cart and my account*/
	.cartandmyaccountdropdown {
		background-color:white;
		text-align:center;
	}
	
	
	/* -----------------------------------*/
	/* ---------->>> Search (SMALL) <<<-----------*/
	/* -----------------------------------*/
	/*controls the background around the search box*/
	.spacingaroundsearchbox {
		background-color:#002b64;
		margin-bottom:0px;
		padding-bottom:0px;
	}

	
	/*controls the search box*/
	.input-group .searchbox:first-child {
		background-color: #0098d1;
		border-radius:0px;
		border:0px;
		box-shadow:none;
		color:#ffffff;
		height:49px;
		/* text-align:right; changed to left 7/24/2018 requested by vp's*/
		text-align:left;
    }
    
    
     /*controls the button for the magnify glass*/
	.searchboxbuttonsearchicon {
		background-color: #0098d1;
		border:0px;
		border-radius:0px;
		height:49px;
		padding-left:10px;
		padding-right:10px;
        padding-top:2px;
        vertical-align:10px;
	}
	
	
	/*controls the button for the magnify glass*/
	.searchboxbuttonsearchicon{
		color:#002b64;
		background-color:  #0098d1;
		border:0px;
		border-radius:0px;
		height:49px;
		padding-left:10px;
		padding-right:20px;
	}
	
	
	/*controls the button for the magnify glass*/
	.searchboxbuttonsearchicon:focus, .searchboxbuttonsearchicon:hover {
		color:#002b64;
		background-color:  #0098d1;
		border:0px;
		border-radius:0px;
		height:49px;
		outline:none;
		padding-right:20px;
	}
	
	
	
	/*controls the X button for the search box*/
	.navbar-default .searchboxbutton{
		background-color: #002b64;
		border:0px;
		border-radius:0px;
		color:#0098d1;
		height:49px;
		padding-left:10px;
		padding-right:10px;
	}
	
	
	/*controls the X button for the search box*/
	.navbar-default .searchboxbutton:focus, .navbar-default .searchboxbutton:hover {
		background-color: #002b64;
		border:0px;
		border-radius:0px;
		color:#0098d1;
		height:49px;
		outline:none;
		padding-right:10px;
    }
    


	
/* -----------------------------------*/
/* ---------->>> FOOTER (SMALL)<<<-----------*/
/* -----------------------------------*/
/* -----------------------------------*/
/* ---------->>> Subscribe/Social Media (SMALL) <<<-----------*/
/* -----------------------------------*/

	/*makes the subscribe bar in footer rounder*/
	.input-group .subscribebox:first-child {
		border:0px;
	    border-radius:6px;
	    box-shadow:none;
	}


	/*Controls the subscribe box*/
	.subscribebox {
		background-color:#0098d1;
		border-radius:6px;
		color:#ffffff;
	}
	
	
	/*makes the subscribe button in footer rounder*/
	.input-group-btn:last-child>.subscribebutton {
		border-radius:6px;
		border:0px;
		outline:none;
		text-shadow: none;
	}
	
	
	/*controls the position for the subscribe button*/
	.subscribebuttonposition {
		padding-left:14px;
	}
	
	
	/*controls the subscribe button*/
	.subscribebutton {
		background-color:#011b3d;
		border:0px;
		border-radius:6px;
		color:#ffffff;
		height:34px;
		width:260px;
		outline:none;
		text-shadow: none;
	}
	
	
	/*controls the subscribe button*/
	.subscribebutton:hover, .subscribebutton:focus {
		background-color:#011b3d;
		border:0px;
		border-radius:6px;
		color:#ffffff;
		height:34px;
		width:260px;
		outline:none;
		text-shadow: none;
	}
	
	
	/*controls spacing between subscribe and social*/
	.spacingbetweensubscribeandsocial {
		margin-top:20px;
	}
	
	
	/*controls the position of the social media icons*/
	.socialmediaiconspositionfooter {
		text-align:center;
	}
	
	
/* -----------------------------------*/
/* ---------->>> 4 sections of links in footer (SMALL)<<<-----------*/
/* -----------------------------------*/
	/*Makes the 4 links in the footer drop down */
	.navbar-toggle2 {
	    display: block;
	    background-color: transparent;
	    border-top: 1px solid #224985;
	    border-left:0px;
	    border-right:0px;
	    border-bottom:0px;
	    margin-left:auto;
	    margin-right:auto;
	    width:100%;
	    outline:none !important;
	}

	
	/*removes the border around the 4 links in the footer drop down*/
	.navbar-default .navbar-toggle2 {
		border-color: transparent;
	}
	
	
	/*removes the border around the 4 links in the footer drop down*/
	.navbar-toggle2:focus,  .navbar-toggle2:hover {
		background-color:#0098d1;
	}
	
	
	/*controls the entire footer links*/
	.entirefooterlinks {
		background-color:#002b64;
		padding-top:10px;
		padding-left:0px;
		padding-right:0px;
		padding-bottom:0px;
		margin-top:-1px;
		margin-left:0px;
		margin-right:0px;
		margin-bottom:0px;
	}
	
	
	/*removes the spacing on the sides of the title footer links*/
	.spacingonsidesoffooterlinks {
		/*margin-left:-15px;
		margin-right:-15px;
		padding-left:-15px;
		padding-right:-15px;*/
		margin:0px;
		padding:0px;
	}
	
	
	/*controls the 4 titles for the sections of links*/
	.titleforfooterlinks {
		font-family: 'Roboto', sans-serif;
		font-size:16px;
		color:#ffffff;
		padding-top:10px;
		text-align:center;
	}
	
	
	/*controls the entire footer list*/
	.entirelistfooterlinks {
		border-top: 1px solid #224985;
		font-family: 'Roboto', sans-serif;
		font-size:14px;
		color:#ffffff;
		list-style-type:none;
		margin-left:-15px;
		margin-right:-15px;
		padding-left:0px;
		padding-top:10px;
		text-align:center;
	}
	
	
	/*controls the entire area where the address is listed (makes it center)*/
	.entireaddressfooterlinks {
		text-align:center;
		border-top: 1px solid #224985;
		margin-left:-15px;
		margin-right:-15px;
	}
	
	
	/*controls the entire area where the address is listed (makes it center)*/
	.entireaddressfooterlinksvs2 {
		display: inline-block; 
		text-align: left;
		padding-left:15px;
		padding-right:15px;
	}
	
	
	/*controls the entire footer list for the address only*/
	.entirelistfooterlinksvs2 {
		font-family: 'Roboto', sans-serif;
		font-size:14px;
		color:#ffffff;
		list-style-type:none;
		margin-left:0px;
		padding-left:0px;
		padding-top:10px;
		padding-bottom:4px;
	}
	

	/*controls the footer links*/
	.footerlinks {
		font-family: 'Roboto', sans-serif;
		font-size: 14px;
		color:#ffffff;
		text-decoration:none;
		margin-bottom:2px;
	}
	
	
	/*controls the footer links*/
	.footerlinks:hover, .footerlinks:focus {
		font-family: 'Roboto', sans-serif;
		font-size: 14px;
		color:#0098d1;
		text-decoration:none;
		margin-bottom:2px;
	}
	
	
/* -----------------------------------*/
/* ---------->>> Copyright/Payment Method (SMALL) <<<-----------*/
/* -----------------------------------*/	
	/*controls the position of the copyright*/
	.copyrightpositionfooter {
		text-align:center;
		margin-bottom:10px;
		font-family: 'Roboto', sans-serif;
		font-size:14px;
		color:#ffffff;
	}
	
	
	/*controls the position of the payment method*/
	.paymentmethodpositionfooter {
		text-align:center;
	}
	

}
	

/* -----------------------------------*/
/* -----------------------------------*/
/* ---------->>> BTMD (If medium device) <<<-----------*/
/* -----------------------------------*/
/* -----------------------------------*/
@media (min-width: 992px) and (max-width: 1199px) {
	
	
	/* -----------------------------------*/
	/* ---------->>> Navigation (MEDIUM) <<<-----------*/
	/* -----------------------------------*/ 
	/*controls the main navbar*/
	.navbar {
		background-color:#002b64;
		border:0px;
		border-radius:0px;
		margin-bottom:0px;
		padding-bottom:4px;
	}
	
	
	/*removes the extra spacing to the right of the 3 nav icons*/
	.navbar-collapse {
		padding-right:0px;
    }
    

     /*controls the drop down colors inside collapse Added 8/10/2017*/
	.navbar-default .navbar-nav .open .dropdown-menu>li>a {
		text-align:center;
    	color: #ffffff;
	}


	/*controls the drop down colors inside collapse Added 8/10/2017*/
	.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover,.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus  {
	    /*color: #333;*/
	    color: #0098d1;
	    background-color:transparent;
	}


	/*controls the vertical drop downs so that on large you can hover over them. Added 8/10/2017. 
	Having display:block; on the main dropdown-menu caused issues when going to login so had to create dropdown-menu to work for my account 2/12/2018 */
	ul.nav li.dropdown:hover ul.dropdown-menu {
		/* display: block; */
		text-align:center;
	}


	/*controls the vertical drop downs so that on large you can hover over them. Added 8/10/2017. 
	Had to create this one so that all the other drop downs that needed display:block would have it. 2/12/2018*/
	ul.nav li.dropdown:hover ul.dropdown-menu2 {
		display: block;
		text-align:center;
	}
	
	
	/*moves the navbar further to the right for medium*/
	.navbar-rightheader {
		float: right!important;
	    margin-right: -30px;
	}

	
	/* -----------------------------------*/
	/* ---------->>> Navigation SEARCH ICON (MEDIUM) <<<-----------*/
	/* -----------------------------------*/
	/*Controls around the search's magnify glass.*/
	.aroundsearchicon {
		background-color:#002b64;
		height:49px;
		margin-top:-2px;
		margin-right:4px;
		padding-left:10px;
		padding-right:10px;
	}


	/*control the search icon button in medium*/
	.btn-search {
		border:0px;
	    color: #0098d1;
	    font-size:22px;
	}


	/*control the search icon button in medium*/
	.btn-search:hover, .btn-search:focus {
		border:0px;
	    color: #ffffff;
	    outline:none;
	}


	/*controls the spacing above and below the search bar. Also controls where the icons land/position themselves.*/
	 .navbar-form {
	 	border-top-right-radius:0px; 
		margin-top:0px;
		margin-right:0px;
		margin-bottom:0px;
		padding-right:0px;
		padding-bottom:0px;
	} 


/* -----------------------------------*/
/* ---------->>> Navigation ALL ICONS (MEDIUM) <<<-----------*/
/* -----------------------------------*/
	/*controls the link color for CART ICON and word LOGIN*/
	 .navbar-default .navbar-nav>.iconlinks>a, .navbar-default .navbar-nav>.iconlinks>a:focus, .navbar-default .navbar-nav>.iconlinks>a:hover {
	    color: #0098d1;
	} 
	
	
	/*controls the link hover color CART ICON and word LOGIN*/
	 .navbar-default .navbar-nav>.headericons>a {
	    color: #0098d1;
	} 
	
	
	/*controls the link hover color For CART ICON and word LOGIN*/
	 .navbar-default .navbar-nav>.headericons>a:hover {
	    color: #ffffff;
	} 


	/* controls when hover over submenu the parent menu will still say white. added 8/10/2017 */
	li.iconlinks:hover .wordloginversion, li.iconlinks:hover .headericonsopen {
		color:#ffffff;
	}  

	
	/*controls the position of the cart icon*/
	.carticonposition_bt {
		margin-top:-2px;
	}


/* -----------------------------------*/
/* ---------->>> Navigation MY ACCOUNT ICON (MEDIUM) <<<-----------*/
/* -----------------------------------*/
	/*Controls MYACCOUNT ICON version. For MYACCOUNT ICON it removes the spacing around the icon so that every part around the icon is clickable.*/
	.navbar-nav>li>a.myaccounticonversion {
		height:52px;
		margin-top:0px;
		padding-top:0px;
		padding-left:0px;
		padding-right:0px;
		padding-bottom:0px;
	}
	
	
	/*controls the MYACCOUNT ICON image position*/
	.myaccounticonposition {
		background-color:#002b64;
		float: right;
		margin:0px;
		/*padding-top:12px;*/
		padding-top:7px;
		padding-left:20px;
		padding-right:16px;
		/*padding-bottom:13px;*/
		padding-bottom:18px;
	}
		
			
	/*controls the MYACCOUNT ICON image*/
	.myaccounticonimage {
		background-image: url('../images/header/myaccount_blue.png');
		float: left;
		height: 27px;
		width: 27px;
	}		
		
			
	/*controls the MYACCOUNT ICON being white when hover and focus*/
	.myaccounticonposition:hover .myaccounticonimage, .myaccounticonposition:focus .myaccounticonimage {
		background-image:url('../images/header/myaccount_white.png'); 
		height:27px;
		width: 27px;
	}


	/* controls when hover over submenu the parent menu will still say white. added 8/10/2017 */
	li.iconlinks:hover .myaccounticonposition .myaccounticonimage{
		background-color:#002b64;
		background-image:url('../images/header/myaccount_white.png'); 
		height:27px;
		width: 27px;
	}

	
	/*controls MYACCOUNT ICON when drop down open*/
	.navbar-default .navbar-nav>.open>.headericonsopenvs2>.myaccounticonposition .myaccounticonimage,.navbar-default .navbar-nav>.open>.headericonsopenvs2>.myaccounticonposition:hover .myaccounticonimage, .navbar-default .navbar-nav>.open>.headericonsopenvs2>.myaccounticonposition:focus .myaccounticonimage{
		background-color:#002b64;
		background-image:url('../images/header/myaccount_white.png');  
		height:27px;
		width: 27px;
	}	


/* -----------------------------------*/
/* ---------->>> Search (MEDIUM) <<<-----------*/
/* -----------------------------------*/
	/*controls the entire navbar*/
	.navbar-default .navbar-nav {
		margin:0px;
		padding:0px;
	}
	
	
	/*controls the background around the search box*/
	.spacingaroundsearchbox {
		padding-top:0px;
		padding-bottom:0px;
	}
	
	
	/*controls the search box*/
	.input-group .searchbox:first-child {
		color:#ffffff;
		background-color: #0098d1;
		border-radius:0px;
		border:0px;
		box-shadow:none;
		height:49px;
		/* text-align:right; changed to left 7/24/2018 requested by vp's*/
		text-align:left;
    }
    

    /*controls the button for the magnify glass*/
	.searchboxbuttonsearchicon {
		background-color: #0098d1;
		border:0px;
		border-radius:0px;
		height:49px;
		padding-left:10px;
		padding-right:10px;
        padding-top:2px;
        vertical-align:10px;
	}
	
	
	/*controls the button for the magnify glass*/
	.searchboxbuttonsearchicon{
		color:#002b64;
		background-color:  #0098d1;
		border:0px;
		border-radius:0px;
		height:49px;
		padding-left:10px;
		padding-right:20px;
	}
	
	
	/*controls the button for the magnify glass*/
	.searchboxbuttonsearchicon:focus, .searchboxbuttonsearchicon:hover {
		color:#002b64;
		background-color:  #0098d1;
		border:0px;
		border-radius:0px;
		height:49px;
		outline:none;
		padding-right:20px;
	}


	/*controls the X button for the search box*/
	.searchboxbutton {
		background-color: #0098d1;
		border:0px;
		border-radius:0px;
		height:49px;
		padding-left:10px;
		padding-right:10px;
	}
	
	
	/*controls the X button for the search box*/
	.searchboxbutton{
		color:#0098d1;
		background-color: #002b64;
		border:0px;
		border-radius:0px;
		height:49px;
		padding-left:10px;
		padding-right:10px;
	}
	
	
	/*controls the X button for the search box*/
	.searchboxbutton:focus, .searchboxbutton:hover {
		color:#0098d1;
		background-color: #002b64;
		border:0px;
		border-radius:0px;
		height:49px;
		outline:none;
		padding-right:10px;
	}
	
	
    
    
/* -----------------------------------*/
/* ---------->>> FOOTER (MEDIUM)<<<-----------*/
/* -----------------------------------*/
/* -----------------------------------*/
/* ---------->>> Subscribe/Social Media (MEDIUM)<<<-----------*/
/* -----------------------------------*/
	/*makes the subscribe bar in footer rounder*/
	.input-group .subscribebox:first-child {
		border:0px;
	    border-radius:6px;
	    box-shadow:none;
	}


	/*Controls the subscribe box*/
	.subscribebox {
		background-color:#0098d1;
		border-radius:6px;
		color:#ffffff;
	}
	
	
	/*makes the subscribe button in footer rounder*/
	.input-group-btn:last-child>.subscribebutton {
		border-radius:6px;
		border:0px;
		outline:none;
		text-shadow: none;
	}
	
	
	/*controls the position for the subscribe button*/
	.subscribebuttonposition {
		padding-left:14px;
	}
	
	
	/*controls the subscribe button*/
	.subscribebutton {
		background-color:#011b3d;
		border:0px;
		border-radius:6px;
		color:#ffffff;
		height:34px;
		width:260px;
		outline:none;
		text-shadow: none;
	}
	
	
	/*controls the subscribe button*/
	.subscribebutton:hover, .subscribebutton:focus {
		background-color:#011b3d;
		border:0px;
		border-radius:6px;
		color:#ffffff;
		height:34px;
		width:260px;
		outline:none;
		text-shadow: none;
	}
	
	
	/*controls the position of the social media icons*/
	.socialmediaiconspositionfooter {
		float: right!important;
	}
	
	
/* -----------------------------------*/
/* ---------->>> 4 sections of links in footer (MEDIUM)<<<-----------*/
/* -----------------------------------*/
	/*controls the entire footer links*/
	.entirefooterlinks {
		background-color:#002b64;
		margin-top:-1px;
		margin-left:0px;
		margin-right:0px;
		padding-top:20px;
		padding-left:16px;
		padding-right:16px;
		padding-bottom:40px;
	}
	
	
	/*controls the 4 titles for the sections of links*/
	.titleforfooterlinks {
		border-bottom: 1px solid #224985;
		font-family: 'Roboto', sans-serif;
		font-size:16px;
		color:#ffffff;
		padding-bottom:14px;
	}
	
	
	/*controls the entire footer list*/
	.entirelistfooterlinks {
		font-family: 'Roboto', sans-serif;
		font-size:14px;
		color:#ffffff;
		list-style-type:none;
		margin-left:0px;
		padding-left:0px;
		padding-top:2px;
	}
	
	
	/*controls the footer links*/
	.footerlinks {
		font-family: 'Roboto', sans-serif;
		font-size: 14px;
		color:#ffffff;
		text-decoration:none;
		margin-bottom:2px;
	}
	
	
	/*controls the footer links*/
	.footerlinks:hover, .footerlinks:focus {
		font-family: 'Roboto', sans-serif;
		font-size: 14px;
		color:#0098d1;
		text-decoration:none;
		margin-bottom:2px;
	}
	
	
/* -----------------------------------*/
/* ---------->>> Copyright/Payment Method (MEDIUM) <<<-----------*/
/* -----------------------------------*/	
	/*controls the position of the copyright*/
	.copyrightpositionfooter {
		margin-top:5px;
		text-align:left;
		font-family: 'Roboto', sans-serif;
		font-size:14px;
		color:#ffffff;
	}
	
	
	/*controls the position of the payment method*/
	.paymentmethodpositionfooter {
		float: right!important;
	}


}


/* -----------------------------------*/
/* -----------------------------------*/
/* ---------->>> BTLG (If large device) <<<-----------*/
/* -----------------------------------*/
/* -----------------------------------*/
@media (min-width: 1200px) {


/* -----------------------------------*/
/* ---------->>> HEADER <<<-----------*/
/* -----------------------------------*/
/* -----------------------------------*/
/* ---------->>> Navigation (LARGE) <<<-----------*/
/* -----------------------------------*/ 
	/*controls the main navbar*/
	.navbar {
		background-color:#002b64;
		border:0px;
		border-radius:0px;
		margin-bottom:0px;
		padding-bottom:4px;
    }
    
    /*controls the drop down colors inside collapse added 8/10/2017*/
	.navbar-default .navbar-nav .open .dropdown-menu>li>a {
		text-align:center;
    	color: #ffffff;
	}


	/*controls the drop down colors inside collapse added 8/10/2017*/
	.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover,.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus {
	    /*color: #333;*/
	    color: #0098d1;
	    background-color:transparent;
	}


	/*controls the vertical drop downs so that on large you can hover over them. Added 8/10/2017. 
	Having display:block; on the main dropdown-menu caused issues when going to login so had to create dropdown-menu to work for my account 2/12/2018 */
	ul.nav li.dropdown:hover ul.dropdown-menu {
		/* display: block; */
		text-align:center;
	}


	/*controls the vertical drop downs so that on large you can hover over them. Added 8/10/2017. 
	Had to create this one so that all the other drop downs that needed display:block would have it. 2/12/2018*/
	ul.nav li.dropdown:hover ul.dropdown-menu2 {
		display: block;
		text-align:center;
	}
	
	
/* -----------------------------------*/
/* ---------->>> Navigation Search (LARGE) <<<-----------*/
/* -----------------------------------*/
	/*controls the spacing above and below the search bar*/
	 .navbar-form {
	 	border-top-right-radius:0px; 
		margin-top:0px;
		margin-right:0px;
		margin-bottom:0px;
		padding-right:0px;
		padding-bottom:0px;
	} 
	
	
	/*controls the search bar for large only (SEARCH BAR SIZE FOR LARGE ONLY)*/
	.navbar-form .form-group>.searchbox {
		color:#ffffff;
		background-color: #0098d1;
		border:0px;
		border-top-right-radius:0px;
		border-bottom-right-radius:0px;
		box-shadow:none;
		font-family: 'Roboto', sans-serif;
	 	font-size:14px;
		height:49px;
		margin-right:0px;
		padding-right:6px;
		/* text-align:right; changed to left 7/24/2018 requested by vp's*/
		text-align:left;
		width:186px;
		/* width:230px; original size before resized to fit extra verticals */
	}
	
	
	/*Controls around the search's magnify glass. For large screen only*/
	.aroundsearchicon {
		background-color: #0098d1;
		border-top-right-radius:6px;
		border-bottom-right-radius:6px;
		height:49px;
		margin-right:4px;
		padding-right:30px;
	}


	/*controls the position the of search's magnify glass. For large screen only*/
	.searchiconposition {
		background-color: #0098d1;
		border-radius:6px;
		margin-top:16px;
	}
	
	
	/*controls the search icon itself. For Large screen only*/
	.searchicon {
		color:#002b64;
		font-size:18px;
	}


/* -----------------------------------*/
/* ---------->>> Navigation ALL ICONS (LARGE) <<<-----------*/
/* -----------------------------------*/
	/*controls the link color for CART ICON and word LOGIN*/
	.navbar-default .navbar-nav>.iconlinks>a, .navbar-default .navbar-nav>.iconlinks>a:focus, .navbar-default .navbar-nav>.iconlinks>a:hover {
	    color: #0098d1;
	}
	
	
	/*controls the link hover color CART ICON and word LOGIN*/
	.navbar-default .navbar-nav>.headericons>a {
	    color: #0098d1;
	}
	
	
	/*controls the link hover color For CART ICON and word LOGIN*/
	.navbar-default .navbar-nav>.headericons>a:hover {
	    color: #ffffff;
	}


	/* controls when hover over submenu the parent menu will still say white. added 8/10/2017 */
	li.iconlinks:hover .wordloginversion, li.iconlinks:hover .headericonsopen {
		color:#ffffff;
	}  
	
	
	/*controls the position of the cart icon*/
	.carticonposition_bt {
		margin-top:-2px;
	}
	

/* -----------------------------------*/
/* ---------->>> Navigation MY ACCOUNT ICON (LARGE) <<<-----------*/
/* -----------------------------------*/
	/*Controls MYACCOUNT ICON version. For MYACCOUNT ICON it removes the spacing around the icon so that every part around the icon is clickable.*/
	.navbar-nav>li>a.myaccounticonversion {
		height:52px;
		margin-top:0px;
		padding-top:0px;
		padding-left:0px;
		padding-right:0px;
		padding-bottom:0px;
	}
	
	
	/*controls the MYACCOUNT ICON image position*/
	.myaccounticonposition {
		background-color:#002b64;
		float: right;
		margin:0px;
		/*padding-top:12px;*/
		padding-top:7px;
		padding-left:20px;
		padding-right:16px;
		/*padding-bottom:13px;*/
		padding-bottom:18px;
	}
		
			
	/*controls the MYACCOUNT ICON image*/
	.myaccounticonimage {
		background-image: url('../images/header/myaccount_blue.png');
		float: left;
		height: 27px;
		width: 27px;
	}		
		
			
	/*controls the MYACCOUNT ICON being white when hover and focus*/
	.myaccounticonposition:hover .myaccounticonimage, .myaccounticonposition:focus .myaccounticonimage {
		background-image:url('../images/header/myaccount_white.png'); 
		height:27px;
		width: 27px;
	}


	/* controls when hover over submenu the parent menu will still say white. added 8/10/2017 */
	li.iconlinks:hover .myaccounticonposition .myaccounticonimage{
		background-color:#002b64;
		background-image:url('../images/header/myaccount_white.png'); 
		height:27px;
		width: 27px;
	}
	
	
	/*controls MYACCOUNT ICON when drop down open*/
	.navbar-default .navbar-nav>.open>.headericonsopenvs2>.myaccounticonposition .myaccounticonimage,.navbar-default .navbar-nav>.open>.headericonsopenvs2>.myaccounticonposition:hover .myaccounticonimage, .navbar-default .navbar-nav>.open>.headericonsopenvs2>.myaccounticonposition:focus .myaccounticonimage{
		background-color:#002b64;
		background-image:url('../images/header/myaccount_white.png');  
		height:27px;
		width: 27px;
	}	
	
	
/* -----------------------------------*/
/* ---------->>> FOOTER (LARGE)<<<-----------*/
/* -----------------------------------*/
/* -----------------------------------*/
/* ---------->>> Subscribe/Social Media (LARGE) <<<-----------*/
/* -----------------------------------*/

	/*makes the subscribe bar in footer rounder*/
	.input-group .subscribebox:first-child {
		border:0px;
	    border-radius:6px;
	    box-shadow:none;
	}


	/*Controls the subscribe box*/
	.subscribebox {
		background-color:#0098d1;
		border-radius:6px;
		color:#ffffff;
	}
	
	
	/*makes the subscribe button in footer rounder*/
	.input-group-btn:last-child>.subscribebutton {
		border-radius:6px;
		border:0px;
		outline:none;
		text-shadow: none;
	}
	
	
	/*controls the position for the subscribe button*/
	.subscribebuttonposition {
		padding-left:14px;
	}
	
	
	/*controls the subscribe button*/
	.subscribebutton {
		background-color:#011b3d;
		border:0px;
		border-radius:6px;
		color:#ffffff;
		height:34px;
		width:260px;
		outline:none;
		text-shadow: none;
	}
	
	
	/*controls the subscribe button*/
	.subscribebutton:hover, .subscribebutton:focus {
		background-color:#011b3d;
		border:0px;
		border-radius:6px;
		color:#ffffff;
		height:34px;
		width:260px;
		outline:none;
		text-shadow: none;
	}
	
	
	/*controls the position of the social media icons*/
	.socialmediaiconspositionfooter {
		float: right!important;
	}
	
	
/* -----------------------------------*/
/* ---------->>> 4 sections of links in footer (LARGE)<<<-----------*/
/* -----------------------------------*/
	/*controls the entire footer links*/
	.entirefooterlinks {
		background-color:#002b64;
		margin-top:-1px;
		margin-left:0px;
		margin-right:0px;
		padding-top:20px;
		padding-left:16px;
		padding-right:16px;
		padding-bottom:40px;
	}
	
	
	/*controls the 4 titles for the sections of links*/
	.titleforfooterlinks {
		border-bottom: 1px solid #224985;
		font-family: 'Roboto', sans-serif;
		font-size:16px;
		color:#ffffff;
		padding-bottom:14px;
	}
	
	
	/*controls the entire footer list*/
	.entirelistfooterlinks {
		font-family: 'Roboto', sans-serif;
		font-size:14px;
		color:#ffffff;
		list-style-type:none;
		margin-left:0px;
		padding-left:0px;
		padding-top:2px;
	}
	
	
	/*controls the footer links*/
	.footerlinks {
		font-family: 'Roboto', sans-serif;
		font-size: 14px;
		color:#ffffff;
		text-decoration:none;
		margin-bottom:2px;
	}
	
	
	/*controls the footer links*/
	.footerlinks:hover, .footerlinks:focus {
		font-family: 'Roboto', sans-serif;
		font-size: 14px;
		color:#0098d1;
		text-decoration:none;
		margin-bottom:2px;
	}
	
	
/* -----------------------------------*/
/* ---------->>> Copyright/Payment Method (LARGE) <<<-----------*/
/* -----------------------------------*/	
	/*controls the position of the copyright*/
	.copyrightpositionfooter {
		margin-top:5px;
		text-align:left;
		font-family: 'Roboto', sans-serif;
		font-size:14px;
		color:#ffffff;
	}
	
	
	/*controls the position of the payment method*/
	.paymentmethodpositionfooter {
		float: right!important;
	}

}


/* -----------------------------------*/
/* -----------------------------------*/
/* ---------->>> BTN (If NOT Mobile DO THESE) <<<-----------*/
/* -----------------------------------*/
/* -----------------------------------*/
@media (min-width: 768px) {
}